<%@ include file="../common/top.jsp"%>


<link rel="stylesheet" href="css/newAccount-style.css">

<link rel="stylesheet" href="css/keep-header.css">
<div id="Catalog">
  <%
    String msg = (String)request.getAttribute("msg");
    if(msg != null){
      out.println("<font color='red'>" + msg + "</font>");
    }
  %>
  <form action="registerForm" method="post">
    <h3>User Information</h3>

    <table>
      <tr>
        <td>User ID:</td>
        <td>
          <input type="text" name="userid" id="userid">
        </td>
      </tr>
      <tr>
        <td colspan="2" id="usernamemsg">
        <div id="inputmsg">
          <span id="msg"></span>
        </div>
        </td>
      </tr>
      <tr>
        <td>New password:</td>
        <td>
          <input type="text" name="password" id="password" autocomplete="off">
        </td>
      </tr>
      <tr>
        <td colspan="2" id="passwordmsg">
          <div class="levels">
            <div class="icon low lowInfo">1</div><span class="lowInfo lowText">safety level:low</span> <!-- 安全系数低 -->
            <div class="icon medium mediumInfo">2</div><span class="mediumInfo mediumText">safety level:medium</span> <!-- 安全系数中 -->
            <div class="icon high highInfo">3</div> <span class="highInfo highText">safety level:High</span><!-- 安全系数高 -->
            <div class="icon invalid invalidInfo">X</div><span class="invalidInfo invalidText">invalid password</span> <!-- 无效标记 -->
          </div>
        </td>
      </tr>
      <tr>
        <td>Repeat password:</td>
        <td>
          <input type="text" name="repeatedPassword" id="repeatedPassword" autocomplete="off">
        </td>
      </tr>
      <tr>
        <td colspan="2" id="repeatedmsg">
            <span id="repeatedText"></span>
        </td>
      </tr>
      <tr>
        <td>VerificationCode:</td>
        <td>
          <input type="text" name="vCode" size="5" maxlength="4" autocomplete="off">
          <img border="0" src="verificationCode" name="checkcode" id="verificationCodeImg">
        </td>
      </tr>
    </table>
    <%@ include file="includeAccountFields.jsp"%>

    <input type="submit" value="register">
  </form>
</div>
<script src="javaScript/newAccount-scripts.js"></script>

<script src="javaScript/verificationCode-scripts.js"></script>
<%@ include file="../common/bottom.jsp"%>